<?php include_once(dirname(__FILE__).'/include/config.inc.php')?>
<!DOCTYPE html><html>
<head><meta charset="utf-8">

    <?php echo GetHeader(); ?>
    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width,height=device-height">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2005099_gsemlns162m.css">
    <link rel="stylesheet" href="hg/css/bootstrap.min.css">
    <link rel="stylesheet" href="hg/css/main.css?v=20230303">
    <link rel="stylesheet" href="hg/css/responsive.css?v=20230305">
    <link rel="stylesheet" href="hg/css/animate.min.css">
    <script src="hg/js/jquery.min.js"></script>
    <script src="hg/js/popper.min.js"></script>
    <script src="hg/js/bootstrap.min.js"></script>

</head>

<body>
<header>
    <link rel="stylesheet" href="hg/css/nav.css?v=1">
    <div class="menu-btn text-center wow fadeInRight d-lg-none rounded-lg my-3" style="background-color: rgba(255,255,255,0.5);">
        <div class="line line--1"></div>
        <div class="line line--2"></div>
        <div class="line line--3"></div>
    </div>
    <nav class="m_nav">
        <div class="nav-links">
            <ul>
                <li class="text-center">
                    <a href="/" title="<?php echo $cfg_webname; ?>">
                        <h1 class="fs-24 fs-md-24 fs-xl-40"><b class="text-white"><?php echo $cfg_webname;?></b></h1>
                    </a>
                </li>
                <hr>
                <li>
                    <a href="/index.php" class="d-block text-center hover link py-4" title="网站首页">网站首页</a>
                </li>
                <li>
                    <a href="/about.php" class="d-block text-center hover link py-4" title="产品服务">产品服务</a>
                </li>

                <li>
                    <a href="/product.php" class="d-block text-center hover link py-4" title="案例展示">案例展示</a>
                </li>
                <li>
                    <a href="/contact.php" class="d-block text-center hover link py-4" title="联系我们">联系我们</a>
                </li>
                
                <li>
                    <a href="/news.php" class="d-block text-center hover link py-4" title="新闻资讯">新闻资讯</a>
                </li>

            </ul>
        </div>
    </nav>
    <script src="hg/js/nav.js"></script>
    <div id="name_box_w" class="logo-bg">
        <div class="container px-xl-0">
            <div class="d-flex  d-sm-none justify-content-between py-4 py-xl-5" style="min-height: 60px;">
                <div id="top_logo" class="align-self-center mr-5">
                    <a href="/" title="<?php echo $cfg_webname; ?>">
                        <img src="hg/img/logo.png" style="width: 45%" class="img-fluid" alt="<?php echo $cfg_webname; ?>">

                    </a>
                </div>
<!--                <div id="top_tel" class="d-none d-lg-block align-self-center fs-14 lh-14 text-right" style="color: #666666;">-->
<!--                    <div class="base_color">全国服务热线</div>-->
<!--                    <div>-->
<!--                        <a href="tel:--><?php //echo $cfg_tel;?><!--" class="font-weight-bold fs-lg-22 fs-xl-28 base_color">--><?php //echo $cfg_tel;?><!--</a><br />-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
    </div>
    <div class="w-100 base_bg2 d-none d-lg-block" >
        <div class="container px-xl-0" >
            <nav class="nav fs-16">
                <a href="/index.php" style="width: 18%;">
                    <img style="margin: 5%;margin-top: 12%; max-width: 100%" src="hg/img/logo.png" >
                </a>
                <ul class="d-flex" style="padding-top: 2.7%;margin-left: 10%;width: 70%" >
                    <li class="flex-fill">
                        <a href="/index.php" class="d-block text-center hover_orange title_nav" title="网站首页">网站首页</a>
                    </li>
                     <li class="flex-fill">
                        <a href="/case.php" class="d-block text-center hover_orange title_nav" title="产品服务">产品服务</a>
                    </li>
                    <li class="flex-fill">
                        <a href="/product.php" class="d-block text-center hover_orange title_nav" title="案例展示">案例展示</a>
                    </li>
                    <li class="flex-fill">
                        <a href="contact.php" class="d-block text-center hover_orange title_nav" title="联系我们">联系我们</a>
                    </li>
                    <li class="flex-fill">
                        <a href="news.php" class="d-block text-center hover_orange title_nav" title="新闻资讯">新闻资讯</a>
                    </li>
                </ul>
            </nav>
            <script>
                $(document).ready(function() {
                    $("a[title = '<?php echo isset($now_title)?$now_title:""; ?>']").addClass("active");
                });
            </script>
<!--            <script>-->
<!--                $(document).ready(function() {-->
<!--                    $("a[title = '']").addClass("active");-->
<!--                });-->
<!--            </script>-->
        </div>
    </div>
    <div id="banner_box" class="overflow-hidden">
        <link rel="stylesheet" href="hg/css/swiper.min.css">
        <!-- Demo styles -->
        <!-- Swiper -->
        <?php
        $imgurl = [
            '联系我们'  =>  'contactbanner.jpg',
            '新闻资讯'  =>  'newbanner.jpg',
        ];
        if(isset($imgurl[$now_title])){
            $imgurls = "hg/img/".$imgurl[$now_title];
            $imgurls2 = $imgurls;
        }else{
            $imgurls = "hg/img/banner.jpg";
            $imgurls2 = "hg/img/banner.jpg";
        }
        ?>
        <div class="swiper-container flash flash_pc  d-none d-sm-block wow fadeIn" id="swiper_container">
            <div class="swiper-wrapper">

            <a class="swiper-slide" href="product.php" title="<?php echo $cfg_webname; ?>">
                    <img src="<?php echo $imgurls ; ?>" alt="<?php echo $cfg_webname; ?>" class="img-fluid"></a>
                </eq>

                <a class="swiper-slide" href="product.php" title="<?php echo $cfg_webname; ?>">
                    <img src="<?php echo $imgurls2 ; ?>" alt="<?php echo $cfg_webname; ?>" class="img-fluid"></a>
                </eq>


              

            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        </div>
        <div class="swiper-container flash d-sm-none wow fadeIn">
            <div class="swiper-wrapper">
                <a class="swiper-slide" href="product.php" title="<?php echo $cfg_webname; ?>">
                    <img src="hg/img/mbanner.jpg" alt="<?php echo $cfg_webname; ?>" class="img-fluid">
                </a>
                </eq>
                <a class="swiper-slide" href="product.php" title="<?php echo $cfg_webname; ?>">
                    <img src="hg/img/mbanner.jpg" alt="<?php echo $cfg_webname; ?>" class="img-fluid">
                </a>


            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- Swiper JS -->
        <script src="hg/js/swiper.min.js"></script>
        <!-- Initialize Swiper -->
        <script>
            var swiper1 = new Swiper('.flash', {
                loop: true,
                autoplay: {
                    delay: 8000,
                    disableOnInteraction: false,
                },
                effect: 'fade',
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true
                },
            });
        </script>
        <style type="text/css">
            @charset &quot;utf-8&quot;;
            /* CSS Document */

            .flash_pc .swiper-slide img {
                transition: 1s linear 2s;
            }

            .flash_pc .swiper-slide-active img,
            .flash_pc .swiper-slide-duplicate-active img {
                transition: 16s linear;
                transform: scale(1.2, 1.2);
            }


            .flash .swiper-pagination .swiper-pagination-bullet {
                width: 100%;
                border-radius: 0;
                color: #fff;
                background: none;
                width: auto;
                font-size: 1.6rem;
                line-height: 36px;
                font-weight: bold;
                height: 36px;
                outline: none;
            }

            .flash .swiper-pagination-bullet:before {
                display: inline-block;
                vertical-align: middle;
                width: 30px;
                height: 4px;
                background: var(--base_color);
                opacity: 0.6;
                content: &quot;&quot;;
                transition: all 0.5s;
                margin-right: 10px;
                top: -3px;
                position: relative;
            }

            .flash .swiper-pagination-bullet-active:before {
                width: 50px;
            }

            .flash .swiper-pagination-bullet-active {
                color: #000;
            }

            @media (max-width: 640px){
                .w70{
                    max-width: 70%;
                }
                .w40{
                    max-width: 40%
                }

                #footerdiv{
                    padding-top: 0px !important;
                    padding-bottom: 0px !important;
                    margin-top: 5%;
                }
            }
            
          </style>
    </div>
</header>


